/*
 * @Author: xiaosihan 
 * @Date: 2024-06-21 07:30:14 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-06-21 08:18:52
 */

.infoModal {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 400px;
    background-color: #ffffff66;
    backdrop-filter: blur(10px);
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 20px 10px;
    color: #000000;
    display: none;

    &.show {
        display: block;
    }

    .close {
        color: #ff0000;
        font-size: 24px;
        position: absolute;
        top: 4px;
        right: 4px;
        cursor: pointer;
    }

    .row {
        .lable {
            display: inline-block;
            text-align: right;
            width: 80px;
            font-size: 20px;
            vertical-align: middle;
        }

        .value {
            font-size: 16px;
            max-width: 300px;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: pre;
            vertical-align: middle;
        }
    }

}